<template>
<div class="container">
    <header-search></header-search>
    <header-topic-swiper></header-topic-swiper>
</div>
</template>

<script>
import HeaderSearch from './compontents/search/search'
import HeaderTopicSwiper from './compontents/topic-swiper/TopicSwiper'

export default {
    name: 'Header',
    components: {
        HeaderSearch,
        HeaderTopicSwiper,

    }
}
</script>

<style scoped>
    .container{
        font-size: .4rem;
  
    }
</style>
